// 发请求,获取商品数据
var req = new XMLHttpRequest();
req.onreadystatechange = function(){
    if(req.readyState == 4){
        var data = JSON.parse(req.responseText);
        console.log(data);
        var list = data.data.list;
        console.log(list);
        // 通过字符串拼接的方式展示数据
        var html = '';
        for(var i = 0 ; i < list.length ;i++){
            // 当前商品
            html += '<div>';
            html += '<img src=' + list[i].goodsurl + ' class="leftImg">';
            html += '<section class="rightSec">';
            html += '<h3>' + list[i].goodsname + '</h3>';
            html += '<p class="descP">'+ list[i].goodsdesc + '</p>';
            html += '<p class="priceP">' ;
            html += '<span>' + parseInt(list[i].sellprice) + '</span>';
            html += '<span>.' + list[i].sellprice.split('.')[1] + '</span>';
            if(list[i].label.length > 0){
                var label = list[i].label;
                for(var j = 0 ; j < label.length ;j++){
                    html += '<span class="seckill">' + label[j] + '</span>';
                }
            }
            html += '</p>';
            html += '<p>' 
            html +=  (list[i].purchasenum>0?(list[i].purchasenum + '购买') : '') + ' ' + list[i].praiserate + '%好评';
            html += '</p>';
            html += '</section>';
            html += '</div>';
        }
        console.log(html);
        document.querySelector('main').innerHTML = html ;
    }
}
req.open('GET','api/build.php');
req.send();


// 纯js创建标签,添加到页面上

// 字符串拼标签
'<main><div></div></main>';